<template>
  <el-dialog
    title="加黑端口数据详情"
    :visible.sync="dialogVisible"
    :close-on-click-modal="false"
    width="60%"
    >
    <el-form :model='selectParams' class='demo-form-inline2' size='small' label-width="100px">
      <el-form-item label='入库时间'>
        <el-date-picker
          v-model="selectParams.timeLine"
          type="datetime"
          style="width:100%"
          placeholder="选择日期时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label='端口号'>
        <el-input v-model="selectParams.dept" placeholder=""></el-input>
      </el-form-item>
      <el-form-item label='加黑开始时间'>
        <el-date-picker
          v-model="selectParams.timeLine"
          type="datetime"
          style="width:100%"
          placeholder="选择日期时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label='加黑结束时间'>
        <el-date-picker
          v-model="selectParams.timeLine"
          type="datetime"
          style="width:100%"
          placeholder="选择日期时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label='类型'>
        <el-select v-model="selectParams.timeLine" placeholder="请选择" style="width:100%">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label='端口类型'>
        <el-select v-model="selectParams.timeLine" placeholder="请选择" style="width:100%">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label='产品名称'>
        <el-select v-model="selectParams.timeLine" placeholder="请选择" style="width:100%">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label='基础接入号'>
        <el-input v-model="selectParams.dept" placeholder=""></el-input>
      </el-form-item>
      <el-form-item label='所属地市'>
        <el-input v-model="selectParams.dept" placeholder=""></el-input>
      </el-form-item>
      <el-form-item label='所属区县'>
        <el-input v-model="selectParams.dept" placeholder=""></el-input>
      </el-form-item>
      <el-form-item label='企业名称'>
        <el-input v-model="selectParams.dept" placeholder=""></el-input>
      </el-form-item>
      <el-form-item label='客户编码'>
        <el-input v-model="selectParams.dept" placeholder=""></el-input>
      </el-form-item>
      <el-form-item label='客户级别'>
        <el-select v-model="selectParams.timeLine" placeholder="请选择" style="width:100%">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label='行业类别'>
        <el-select v-model="selectParams.timeLine" placeholder="请选择" style="width:100%">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label='端口状态'>
        <el-select v-model="selectParams.timeLine" placeholder="请选择" style="width:100%">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label='端口健康级别'>
        <el-select v-model="selectParams.timeLine" placeholder="请选择" style="width:100%">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      
    </el-form>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      options: [
        {
          value: '选项1',
          label: '黄金糕'
        },
        {
          value: '选项2',
          label: '双皮奶'
        },
        {
          value: '选项3',
          label: '蚵仔煎'
        },
        {
          value: '选项4',
          label: '龙须面'
        },
        {
          value: '选项5',
          label: '北京烤鸭'
        }
      ],
      typeOptions: [
        {
          value: '1',
          label: '时间'
        },
        {
          value: '2',
          label: '类型'
        }
      ],
      selectParams: {
        timeLine: '',
        type: '1',
        dept: '',
        pageNo: 1,
        pageSize: 10
      }
    }
  },
  methods: {
    init(data) {
      this.dialogVisible = true
    }
  }
}
</script>